<template>
  <div class="footer">
        <div class="friend-link">
            <div class="min-page">
                <span class="friend-label">友情链接：</span>
                <a href="http://www.miit.gov.cn" target="_blank">工业和信息化部</a>
                <a href="http://www.ndrc.gov.cn/" target="_blank">国家发改委</a>
                <a href="http://www.gansu.gov.cn" target="_blank">甘肃省人民政府</a>
                <a href="http://gxt.gansu.gov.cn" target="_blank">甘肃省工业和信息化厅</a>
                <a href="http://www.lanzhou.gov.cn" target="_blank">兰州市人民政府</a>
                <a href="https://gxj.lanzhou.gov.cn" target="_blank">兰州市工业和信息化局</a>
            </div>
        </div>
        <div class="min-page">
            <div class="footer-main">
                <ul class="fl footer-list about">
                    <li>关于平台</li>
                    <li>兰州市中小企业公共服务平台，汇集各类优质服务机构和资源，为中小微企业及创业者提供政策、服务、补贴券等一站式、专业化服务的综合平台。</li>
                </ul>
                <ul class="fl footer-list organ">
                    <li>组织机构</li>
                    <li>指&emsp;&emsp;导：工业和信息化部中小企业局 甘肃省工业和信息化厅</li>
                    <li>主&emsp;&emsp;管：兰州市工业和信息化局</li>
                    <li>主&emsp;&emsp;办：兰州中小企业服务中心</li>
                    <li>技术支持：兰州瑞杰信息科技有限公司</li>
                </ul>
            </div>
        </div>
        <div class="ac f-copyRight">
            <span>兰州市中小企业公共服务平台版权所有</span>
            <span class="copy-text">Copyright © 2019 GXJ.LANZHOU.GOV.CN All Rights Reserved</span>
            <span>服务热线：0931-5111299</span>
        </div>
    </div>
</template>

<script>
export default {

}
</script>

<style scoped >

.footer {
    background: #3d4e56;
    position: sticky;
     bottom: 0;
     width: 100%;

}

.friend-link {
    height: 42px;
    line-height: 42px;
    text-align: center;
    background: #2d3d44;
}

.friend-link .friend-label {
    color: #fff;
}

.friend-link a {
    margin: 0 20px 0 0;
    color: #fff;
    text-decoration: none;
}

.friend-link a:hover {
    text-decoration: underline;
}

.footer-main {
    position: relative;
    height: 211px;
    padding: 22px 0 0 30px;
    display: flex;
    left: 17%;
}

.footer-list li {
    line-height: 30px;
    color: #c6cacb;
}

.footer-list li:first-child {
    margin-bottom: 5px;
    font-size: 18px;
    color: #e1e3e4;
}

.footer-main .about {
    width: 361px;
    list-style: none;
}

.footer-main .organ {
    width: 440px;
    margin-left: 89px;
    list-style: none;
}

.footer-main .f-wx {
    text-align: center;
    overflow: hidden;
}

.footer-main .f-qr {
    width: 129px;
    height: 129px;
    margin: 11px auto 0;
    padding: 3px;
    border-radius: 8px;
}

.f-copyRight {
    height: 36px;
    border-top: 1px solid #79858a;
    line-height: 36px;
    color: #c6cacb;
    display: flex;
    justify-content: center;
}

.f-copyRight .copy-text {
    margin: 0 30px;
}
</style>